/* ****************************** Formulario ****************************** */
@font-face {
  font-family: 'Calibri';
  font-style: normal;
  font-weight: 100;
  src: local('Calibri'), local('Calibri'),
       url('../font/calibri.ttf') format('truetype'), /* Safari, Android, iOS */
}

body {
  font-family: 'Calibri', sans-serif;
  font-weight: lighter;
  font-size: 16px;
}

input[type=number]::-webkit-inner-spin-button, 
input[type=number]::-webkit-outer-spin-button { 
  -webkit-appearance: none; 
  margin: 0; 
}



/*preloader*/
.overflow-hidden{
  overflow: hidden;
  overflow-x: hidden;
}

.display-none{
  display: none;
}

#preloader {
  position: fixed;
  top:0;
  left:0;
  right:0;
  bottom:0;
  background-color:#fff; /* change if the mask should have another color then white */
  z-index:99999; /* makes sure it stays on top */
}

#status {
  width:100px;
  height:129px;
  position:absolute;
  left:50%; /* centers the loading animation horizontally one the screen */
  top:50%; /* centers the loading animation vertically one the screen */
  background-image:url(../images/preloader.gif); /* path to your loading animation */
  background-repeat:no-repeat;
  background-position:center;
  margin:-50px 0 0 -50px; /* is width and height divided by two */
}

.pre{
  white-space: -moz-pre-wrap; /* Firefox */
  white-space: -pre-wrap; /* ancient Opera */
  white-space: -o-pre-wrap; /* newer Opera */
  white-space: pre-wrap; /* Chrome; W3C standard */
  word-wrap: break-word; /* IE */
}
/*end*/

.bg{
  width: 100%;
  height: auto;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}
.si{
  height: 100vh;
}

.no{
  height: 100vh;
}

@media (min-width: 1200px) and (max-width: 1500px) {

}

@media (min-width: 992px) and (max-width: 1199px) {

}

/* tablet devices (tablet 768px 991px) */
@media (min-width: 768px) and (max-width: 991px) {

}

/* mobile devices (mobile 767px) */
@media only screen and (max-width: 767px) { 
  .bg{
    height: 100%;
    width: auto;
  }
}

/* mobile devices (mobile 575px) */
@media only screen and (max-width: 575px) { 
  .bg{
    height: 100%;
    width: auto;
  }

}

/* mobile devices (mobile 371px) */
@media only screen and (max-width: 371px) { 
  .bg{
    height: 100%;
    width: auto;
  }
  
}